
    <div class="container" id="fuck">
        <div class="panel-group" id="accordion">
  



    <div class="panel panel-info"  v-for="item in list" style="width: 200px">
        <div class="panel-heading">
            <h4 class="panel-title">
                
                     {{item.name}}
                
            </h4>
        </div>
        <div  class="panel panel-info">
            <div class="success" v-for="item2 in item['authoritys']">
                <a href="javascript:;" class="btn">{{item2.router}}</a>
            </div>
        </div>
    </div>

    <code><h1>ymh</h1></code>
    
    
    
</div>


    </div>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> 
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="http://p7h441d6x.bkt.clouddn.com/vue.js"></script>
<script src="http://p7h441d6x.bkt.clouddn.com/axios.min.js"></script>
<script>



var vue=new Vue({
    el:"#fuck",


    data:{
        list:[],


    },
   mounted() {


                    
                axios.post('http://localhost/xncy-api/backend/web/rabc/find/my-role-auth?access_token=f9IS00SXw_0jOLOg2g1zxCnOjnao_Zzc&site_id=1').then(response=>{
                
                console.log(response['data']['data']);                   
                this.list=response['data']['data'];


        })

        }




})
 



</script>


<script type="text/javascript">

</script>  
